$(function () {

//注意：导航 依赖 element 模块，否则无法进行功能性操作
    layui.use(['element','table','form','layer'], function(){
        var element = layui.element;
        var table = layui.table;
        var form = layui.form;
        var  layer= layui.layer;
         
        
        //监听select
        form.on('select(lei)', function(data){
        	 layer.msg(data.value);
        	  console.log(data);
        	  if(data.value=="0"){
        		  $("#usertype").val("0");
        		  
        	  }
        	  if(data.value=="1"){
        		  $("#usertype").val("1");
        		  
        	  }
        	  if(data.value=="2"){
        		  $("#usertype").val("2");
        		  
        	  }
        	  if(data.value=="3"){
        		  $("#usertype").val("3");
        		  
        	  }
        	  
        	});
        //监听提交 用户
        form.on('submit(formUser)', function(data){
            layer.msg(JSON.stringify(data.field));
            $.ajax({
                url:"../system/insertUser",
                type:"post",
                data:data.field,
                dataType:"json",
                success:function () {
                    layer.msg("success");
                },
                error:function () {
                    layer.msg("error");
                }
            })
            return false;
        });
        //监听提交 歌手比赛信息
        form.on('submit(formsingerrace)', function(data){
            
            $.ajax({
                url:"../system/addsingerrace",
                type:"post",
                data:data.field,
                dataType:"json",
                success:function () {
                    layer.msg("success");
                },
                error:function () {
                    layer.msg("error");
                }
            })
            return false;
        });
        //监听提交 歌手
        form.on('submit(formsinger)', function(data){
            layer.msg(JSON.stringify(data.field));
            $.ajax({
                url:"../system/insertsingerrace",
                type:"post",
                data:data.field,
                dataType:"json",
                success:function () {
                    layer.msg("success");
                },
                error:function () {
                    layer.msg("error");
                }
            })
            return false;
        });
        table.on('row(race)', function(obj){
        	var data = obj.data;
        	$("#rid").val(data.rid);
        });
        table.on('row(singerss)', function(obj){
        	var data = obj.data;
        	$("#sid").val(data.sid);
        });
        
    
        //监听单元格编辑
        table.on('edit(userinfor)', function(obj){
          var value = obj.value //得到修改后的值
          ,data = obj.data //得到所在行所有键值
          ,field = obj.field; //得到字段
         
          $.ajax({
        	   url:"../system/updateuser",
                type:"post",
                data:{field:field,value:value,usercode:data.usercode},
                dataType:"json",
                success:function () {
                    layer.msg("修改成功");
                },
                error:function () {
                    layer.msg("error");
                }
          })
        });
        
        
        table.on('tool(userinfor)', function(obj){
            var data = obj.data;
            layer.msg("11");
            if(obj.event == 'del'){
            	
              layer.confirm('真的删除行么', function(index){
            	  $.ajax({
               	   url:"../system/deleteuser",
                       type:"post",
                       data:{usercode:data.usercode},
                       dataType:"json",
                       success:function () {
                    	   obj.del();
                           layer.close(index);
                           layer.msg("删除成功");
                       },
                       error:function () {
                           layer.msg("error");
                           layer.close(index);
                       }
                 })
            
              });
            } 
          });
        
        table.render({
            elem : '#race',
            url : "../race/allrace",
            width : 420,
            height : 500,
            cols : [ [ {field : 'rid',width : 120,title : 'ID',sort : true},
                {field : 'raceName',width : 120,title : '比赛名称'}


            ] ],
            page : true,
            limit : 5,
            limits : [ 5, 10, 15 ],
            response : {
                statusCode : 200
                // 重新规定成功的状态码为 200，table 组件默认为 0
            },
            parseData : function(res) { // res 即为原始返回的数据
                console.log(res);

                return {
                    "code" : res.status, // 解析接口状态
                    "msg" : res.message, // 解析提示文本
                    "count" : res.tol, // 解析数据长度
                    "data" : res.raceBeans
                    // 解析数据列表
                };
            },
            done:function () {
            	 table.render({
                     elem: '#singerss'
                     ,url:'../system/showsinger'
                     ,width: 220
                     ,height: 500
                     ,cols: [[

                         {field:'sid', width:100, title: 'id'}
                         ,{field:'singerName', width:100, title: '歌手名'}

                     ]],
                     response : {
                         statusCode : 200
                         // 重新规定成功的状态码为 200，table 组件默认为 0
                     },
                      parseData : function(res) { // res 即为原始返回的数据
                         console.log(res);

                         return {
                             "code" : res.status, // 解析接口状态
                             "msg" : res.message, // 解析提示文本
                             "count" : res.tol, // 解析数据长度
                             "data" : res.datasinger
                             // 解析数据列表
                         };
                     },
                     
                     done:function (res) {
                    	 console.log(res);
                    	 table.render({
                    	        elem: '#test'
                    	        ,url:'../system/showuser'
                    	        ,width: 1000
                    	        ,height: 500
                    	        ,cols: [[

                    	            {field:'usercode', width:140, title: '用户账号'}
                    	            ,{field:'username', width:140, title: '用户名', edit: 'text'}
                    	            ,{field:'password', width:140, title: '密码', edit: 'text'}
                    	            ,{field:'usertmp', width:150, title: '用户手机号', edit: 'text'}
                    	            ,{field:'useremail', width:150, title: '用户邮箱', edit: 'text'}
                    	            ,{field:'userType', width: 100, title: '用户类型'}
                    	            ,{fixed: 'right', width:178, align:'center', toolbar: '#barDemo'}
                    	        ]]
                    	        ,page: true,
                    	        limit : 5,
                    	        limits : [ 5, 10, 15 ],
                    	        response : {
                    	            statusCode : 200
                    	            // 重新规定成功的状态码为 200，table 组件默认为 0
                    	        },
                    	        parseData : function(res) { // res 即为原始返回的数据
                    	            console.log(res);

                    	            return {
                    	                "code" : res.status, // 解析接口状态
                    	                "msg" : res.message, // 解析提示文本
                    	                "count" : res.tol, // 解析数据长度
                    	                "data" : res.uservoteBeans
                    	                // 解析数据列表
                    	            };
                    	        }
                    	    });
                       
                     }
                 });
               
            }
        })

      

       

    });

})